<template>
    <div class="container communication-page-container">
        <div>
            <el-card class="box-card">
                <el-menu class="el-menu-vertical-demo" mode="vertical" router default-active="1-1">
                    <el-sub-menu index="1">
                        <template #title>
                            <span>消息</span>
                        </template>
                        <el-menu-item-group collapse default-active="1">
                            <el-menu-item title="系统通知" index="1-1" route="/communication/systemNote">
                                系统通知
                            </el-menu-item>
                            <el-menu-item index="1-2" title="互动通知" route="/communication/interactNote">
                                互动通知
                            </el-menu-item>
                            <el-menu-item index="1-3" title="订单通知" route="/communication/orderNote">
                                订单通知
                            </el-menu-item>
                        </el-menu-item-group>
                    </el-sub-menu>
                </el-menu>
            </el-card>
        </div>
        <router-view></router-view>
    </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
    name: "Communication",
});
</script>

<script setup lang="ts"></script>

<style lang="less">
.communication-page-container {
    margin-top: 20px;
}
</style>
